@import '@/styles/variables.scss';

.patientList-view{
  min-width: 1150px;
  .content-view{
    padding: $collection-y $collection-x;

    .screen-view{
      display: flex;

      .el-input{
        width: 150px;
        margin-right: $block-space-x;
      }

      .el-select{
        margin-right: $block-space-x;
        width: 150px;
      }

      .el-date-editor--daterange{
        width: 250px;
        margin-right: $block-x;
      }

    }

    .tabView{
      margin: $collection-y 0;

      .el-table{
        max-height: calc(100vh - 230px);
        .el-table__body-wrapper{
          max-height: calc(100vh - 278px);
          overflow-y: auto;
        }

        .name{
          color: $main-color;

        }
        .name:hover{
          text-decoration: underline;
        }
      }
    }

    .shortTab{
      .el-table{
        max-height: calc(100vh - 270px);
        .el-table__body-wrapper{
          max-height: calc(100vh - 318px);
          overflow-y: auto;
        }
      }
    }
  }
}
